<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-06-08 07:51:53
 * @LastEditTime: 2019-11-13 11:05:28
 * @LastEditors: Please set LastEditors
 -->
<template>
	<view class="affairs-cooperate-page">
		<view class="banner"><image src="../static/images/banner1.png" mode="scaleToFill" lazy-load="false"></image></view>
		<!-- 平台w网介绍 -->
		<view class="introduce">
			<view class="title">平台合伙人介绍</view>
			<view class="line"></view>
			<view class="centent">
				<view class="text">总部提供高额产品返点辅助合伙人更好的发展公司，储备人才,拓展当地市场；</view>
				<view class="text">总部为合伙人提供完善的金融行业解决方案，对接市场上绝大多数产品，使用户不再东奔西跑，帮助合伙人牢牢抓住客户资源；</view>
			    <view class="text">总部会定期针对合伙人人员的需求开展狼牙特训营、精英训练营、萌芽特训营进行产品、销售、售后、管理等相关培训，同时渠道经理会定期到合伙人公司给予落地扶持，快速提高合伙人团队的战斗力，帮助合伙人建立完善的企业文化，打造核心竞争力。</view>
			</view>
		</view>
		<!-- 核心优势 -->
		<view class="core-advantage">
			<view class="title">核心优势</view>
			<view class="line"></view>
			<view class="centent">
				<view class="item" v-for="(item,index) in advantage.core" :key="index">
		     		<view class="icon"><image :src="item.src" mode="scaleToFill" lazy-load="false"></image></view>
				    <view class="text">{{item.tips}}</view>
				</view>
			</view>
		</view>
		<view class="wj-advantage">
			<view class="title">平台优势</view>
			<view class="line"></view>
			<view class="centent">
				<view class="item" v-for="(item,index) in advantage.microGold" :key="index">
		     		 <view class="sub-title">{{item.tips}}</view>
				    <view class="text">{{item.desc}}</view>
				</view>
			</view>
		</view>
		<!-- 享受权益 -->
		<view class="equity">
			<view class="top">
				<view class="title">享受权益</view>
				<view class="line"></view>
			</view>
			<view class="centent">
				<view class="item" v-for="(item,index) in joinList" :key="index">
					<view class="sub-title">
						<view class="label"></view>
						<view>{{item.label}}</view>
					</view>
					<view class="text">{{item.desc}}</view>
				</view>
			</view>
		</view>
		<!-- 平台商学院 -->
		<view class="cooperate">
			<view class="top">
				<view class="icon"> 
					<image src="../static/images/icon_school.png" mode="scaleToFill" lazy-load="false"></image>
				</view>
				<view>
					<view class="title">平台商学院</view>
				    <view class="line"></view>
				</view>	
			</view>
			<view class="centent">
				<view class="sub-title">提升服务品质<text></text>普及行业常识</view>
				<view class="text">
					<view>平台商学院是平台平台为普通大众及从业者着力打造的一个获得行业知识与专业技能的平台，旨在将晦涩难懂的行业及行业生活常识，以浅显易懂的方式向普通大众进行宣导，加深大众对本行业的认识，提示行业生活误区；同时向从业者及企业进行培训，提高其自身职业素养，完善自身体系，并在此基础上进行提升。</view>
					<view>平台商学院针对合伙人企业发展阶段以及金融行业特点，系统智能化的向合伙人推荐人才培养计划和企业运营方案，满足合伙人一站式企业发展需求。</view>
				</view>
			</view>
		</view>
		<view class="footer">
			<!-- <view class="logo">
				 <image src="../static/images/login-logo.png" mode="scaleToFill" lazy-load></image>
			</view> -->
			<view class="call">客服电话:010-86390610</view>
		</view>
		<view class="bottom-btn">
			<view class="btn" @click="partnerBtn">
				<view>
					 <image src="../static/images/icon_partner.png" mode="scaleToFill" lazy-load></image>
				</view>
				<view>成为合伙人</view>
			</view>
			<view class="btn">
				<view>
					 <image src="../static/images/icon_online.png" mode="scaleToFill" lazy-load></image>
				</view>
				<view>在线咨询</view>
			</view>
		</view>
		<modal :visible="visible" @handlelayerclick="handlelayerclick"></modal>
	</view>
</template>

<script>
import mpvueCityPicker from "@/components/mpvue-citypicker/mpvueCityPicker";
import Vue from "vue";
import {checkPhoneNumber} from '@/common/js/common'
import InterServer from "@/common/config/server";
import noData from '@/components/noData/noData';
import modal from "@/components/modal/modalLayer.vue"
export default {
	components: {
		modal
	},
	data(){
		return{
			advantage:{
				core:[{
					src:"../static/images/icon_service.png",
					tips:"服务标准化",
				},{
					src:"../static/images/icon_product.png",
					tips:"产品标准化",
				},{
					src:"../static/images/icon_manage.png",
					tips:"管理标准化",
				},{
					src:"../static/images/icon_operate.png",
					tips:"运营标准化",
				},{
					src:"../static/images/icon_model.png",
					tips:"模式标准化",
				},{
					src:"../static/images/icon_succeed.png",
					tips:"成功可复制",
				}],
				microGold:[{
					bg:"../static/images/bg-af_red.png",
					tips:"运营优势",
					desc:"平台门店拥有完善的运营体系，能及时纠正合伙人工作中的问题，确保门店正常运行。",
				},{
					bg:"../static/images/bg-af-purple.png",
					tips:"资源优势",
					desc:"总部拥有良好的资源整合能力为合伙人提供最完善的金融行业产品营销解决方案。",
				},{
					bg:"../static/images/bg-af_blue.png",
					tips:"顾问咨询系统",
					desc:"平台首创金融行业顾问咨询服务，由行业资深顾问为合伙人快速解决客户疑问，提升品牌竞争力。",
				},{
					bg:"../static/images/bg-af-yellow.png",
					tips:"CRM管理系统",
					desc:"平台专业的金融业务管理系统，帮助合伙人进行专业化的管理，提高合伙人企业工作率。",
				}]
			},
			joinList:[{
				label:"培训支持",
				desc:"总部定期针对合伙人的人员需求展开产品、销售、售后、管理等相关培训，给予合伙人公司落地扶持，帮助合伙人建立完善的企业文化，打造核心竞争力。"
			},{
				label:"资源支持",
				desc:"稳定的资源供应、丰富的产品类型以及千万级广告投放市场支持、海量销售线索免费提供、区域独家广告投放权。"
			},{
				label:"媒体支持",
				desc:"公众号助推、线下活动推广、官网推广、网络新闻推广、优秀案例包装。"
			},{
				label:"物料支持",
				desc:"总部定期或不定期根据合伙人业务展开情况给予合伙人提供物料支持，助力合伙人公司业绩腾飞。",
			},{
				label:"技术支持",
				desc:"平台总部对合伙人提供7X24小时技术服务支持，保障合伙人公司运营过程中所遇问题能够得到高效、快速的解决。",
			},{
				label:"公众形象",
				desc:"平台总部结合合伙人自身需求及平台对外统一形象为合伙人量身定制符合自身的对外公众形象，打造合伙人自身IP。",
			},{
				label:"潜在客户",
				desc:"平台总部定期或不定期对合伙人公司管理层进行培训指导，及时发现公司管理中的问题并进行有效解决，减少合伙人公司日常管理中的失误。",
			},{
				label:"公司管理",
				desc:"总部定期针对合伙人的人员需求展开产品、销售、售后、管理等相关培训，给予合伙人公司落地扶持，帮助合伙人建立完善的企业文化，打造核心竞争力。",
			},{
				label:"政策指导",
				desc:"平台平台总部随时根据相应国家政策、平台资源以及平台自身发展政策，对合伙人进行通报解读，保证合伙人实时掌握行业平台最新变化，降低运营风险。",
			}],
			init:{
				name:"", //申请人姓名
				mobile:"", //申请人手机号
				remark:"", //申请人备注
				area:{
					array:[
						
					],
				    index:0
			    }
			},
      	visible:false,
		}
	},
	onLoad(options){
		//this.getArea()
	},
	onShow(){
		// #ifdef H5
			document.title=`商务合作`
		// #endif
	},
	onHide(){
	 this.init.name="",
	 this.init.mobile="",
	 this.init.remark="",
	 this.init.area.index=0
	},
	methods: {
		partnerBtn(){
			this.visible=true
		},
		handlelayerclick(){
			this.visible=false;
		}
	}
}

</script>


<style lang="less" scoped>
.affairs-cooperate-page {
	background:rgba(255,255,255,1);
	overflow: hidden;
	margin-bottom: 120upx;
	.line{
		width:78upx;
		height:4upx;
		background:rgba(255,153,0,1);
		margin: 0 auto 28upx;
	}
	.title{
		text-align: center;
		height:40upx;
		font-size:28upx;
		font-family:PingFang-Semibold;
		font-weight:bold;
		line-height:40upx;
		color:rgba(50,50,50,1);
		margin:14upx 0 8upx;
	}
	.modal{
		overflow: hidden;
	    background:rgba(255,255,255,1);
		box-shadow:0upx 3upx 6upx rgba(112,112,112,0.24);
		border-radius:20upx;
	}
	// 背景图
	.banner {
		height: 300upx;
		image {
			width: 100%;
			height: 300upx;
		}
	}
   //平台简介
   .introduce{
		.modal;	
		margin: 25upx 24upx 32upx;
		.centent{
			padding: 0 10upx 10upx;
			width: 100%;
			margin: 0 auto;
			.text{
				font-size:24upx;
				font-family:PingFang-Semibold;
				font-weight:bold;
				line-height:36upx;
				color:rgba(102,102,102,1);
				&:nth-child(2n){
					margin: 48upx 0;
				}
			}
		}
   }
   //核心优势
   .core-advantage{ 
	  .modal;
	   margin: 32upx 24upx;
	   height:192upx;
	   padding: 0 15upx;
	   .centent{
		    display: flex;
			align-items: center;
			justify-content: space-between;
		   .item{ 
			   width: 110upx;
			   text-align: center;
			   .icon{
				    width: 32upx;
					height: 32upx;
					line-height: 32upx;
					margin: 0 auto;
				   image{
					   width: 32upx;
					   height: 32upx;
				   }
			   }
				.text{
					height:24upx;
					font-size:20upx;
					font-family:PingFang-Semibold;
					font-weight:bold;
					line-height:36upx;
					color:rgba(124,124,124,1);
					margin-top: 12upx;
					text-align:justify;
				}
		   }
		  
	   }
   }
   //平台优势
   .wj-advantage{
		.modal;	
		height:580upx;
		margin: 32upx 24upx;
		.centent{
			display: flex;
			flex-wrap: wrap ;
			justify-content: space-between;
			margin: 0 32upx;
			.item{
				width: 316upx;
				height: 217upx;
				padding: 0 34upx;
				box-sizing: border-box;
				&:nth-child(1){
					background: url("../static/images/affairs-bg-blue.png");
					background-size: 100% 100%;
					background-repeat: no-repeat;
					margin-bottom: 12upx;
					color:rgba(255,255,255,1);
					padding-top: 20upx;

				}
				&:nth-child(2){
					background: url("../static/images/affairs-bg-blue.png");
					background-size: 100% 100%;
					background-repeat: no-repeat;
					color:rgba(255,255,255,1);
					padding-top: 20upx;
				}
				
				&:nth-child(3){
					background: url("../static/images/affairs-bg-yellow.png");
					background-size: 100% 100%;
					background-repeat: no-repeat;
					margin-bottom: 12upx;
					color:rgba(50,50,50,1);
					padding-top: 5upx;
				}
				&:nth-child(4){
					background: url("../static/images/affairs-bg-yellow.png");
					background-size: 100% 100%;
					background-repeat: no-repeat;
					color:rgba(50,50,50,1);
					padding-top: 5upx;
				}
				.sub-title{
					height:33upx;
					font-family:PingFang-Semibold;
					font-weight:bold;
					line-height:29upx;
					font-size:24upx;
					margin-bottom: 15upx;
				}
				.text{
					font-size:22upx;
					font-family:PingFang-Semibold;
					font-weight:bold;
					line-height:36upx;
					text-align:justify;
				}
				
			}
		}
   }
   //享受权益 
   .equity{
	   	width: 702upx;
		margin: 0 auto 24upx;
		position: relative;
		border-radius: 20upx;
		.top{
			height:88upx;
			background:rgba(255,255,255,1);
			box-shadow:0px 3px 6px rgba(112,112,112,0.24);
			padding: 24upx 0;
			border-radius: 20upx;
			.title{
				margin: 0;
			}
		}
		.centent{
			.item{
				background:rgba(255,255,255,1);
				box-shadow:0px 3px 6px rgba(112,112,112,0.24);
				margin-top: 12upx;
				padding: 4upx 38upx 14upx 44upx;
				border-radius: 20upx;
				min-height: 150upx;
				.sub-title{
					height: 37upx;
					font-size:26upx;
					font-family:PingFang-Semibold;
					font-weight:bold;
					color:rgba(50,50,50,1);
					margin-bottom: 23upx;
					display: flex;
					align-items: center;
					.label{
						width:4upx;
						height:22upx;
						margin-right: 8upx;
						background:rgba(0,100,255,1);
					}
				}
				.text{
					font-size:24upx;
					font-family:PingFang-Semibold;
					font-weight:bold;
					line-height:36upx;
					color:rgba(102,102,102,1);
					padding-left:8upx;
					text-align:justify;
					line-height:36upx;
				}
			}
		}

	}
	//平台商学院 
	.cooperate{
		width: 702upx;
		margin: 0 auto;
		.top{
			height:88upx;
			background:rgba(255,255,255,1);
			box-shadow:0px 3px 6px rgba(112,112,112,0.24);
			padding: 24upx 0;
			border-radius: 20upx;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 12upx;
			.icon{
				width: 38upx;
				height: 38upx;
				margin-right: 12upx;
				image{
					width: 38upx;
				   height: 38upx;
				}
			}
			.title{
				margin: 16upx 0 0;
			}
			.line{
				margin: 8upx auto 0;
				width: 140upx;
			}
		}
		.centent{
			.modal;	
			height:433upx;
			margin: 12upx auto 55upx;
			.sub-title{
				text-align: center;
				height:67upx;
				font-size:26upx;
				font-family:PingFang-Semibold;
				font-weight:bold;
				line-height:67upx;
				color:rgba(50,50,50,1);
				margin: 0 32upx 8upx;
				border-bottom:1upx solid rgba(59,59,59,0.45);
				text{
					width:12upx;
					height:12upx;
					display: inline-block;
					background:rgba(0,0,0,1);
					border-radius:50%;
				}
			}
			.text{
				width:608upx;
				margin: 0 auto;
				font-size:24upx;
				font-family:PingFang-Semibold;
				font-weight:bold;
				line-height:36upx;
				color:rgba(102,102,102,1);
				text-align:justify;
			}
		}
	}
	.footer{
		text-align: center;
		height: 124upx;
		margin-top: 20upx;
		.logo{
			height: 44upx;
			image{
				width: 145upx;
				height: 44upx;
			}
			
		}
		.call{
			height:32upx;
			font-size:26upx;
			font-family:PingFang-Semibold;
			font-weight:bold;
			line-height:29upx;
			color:rgba(102,102,102,1);
			margin-top: 12upx;
		}
	}
	.bottom-btn{
		width: 100%;
		height: 98upx;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #ffffff;
		.btn{
			width:360upx;
			height:58upx;
			background:linear-gradient(180deg,rgba(77,200,255,1) 0%,rgba(0,136,255,1) 100%,rgba(255,204,102,1) 100%);
			font-size:32upx;
			font-family:PingFang-Semibold;
			font-weight:bold;
			color:#ffffff;
			border-radius: 20upx;
			display: flex;
			justify-content:  center;
			align-items: center;
			&:nth-child(1){
				image{
					width: 24upx;
					height: 27upx;
					margin-right: 8upx;
				}
			}
			&:nth-child(2){
				image{
					width: 25upx;
					height: 21upx;
					margin-right: 8upx;
				}
			}
			
		}
	}
}
</style>
